<script setup>
import { ref } from 'vue'
import { onActivated, onDeactivated } from 'vue'

const msg = ref('')

onActivated(() => {
  console.log('ComC onActivated')
})

onDeactivated(() => {
  console.log('ComC onDeactivated')
})
</script>

<template>
    <p>Current component: C</p>
    <span>Message is: {{ msg }}</span>
    <input v-model="msg">
</template>
